<script>
import {Notifications} from "@kyvg/vue3-notification";

export default {
  components: {Notifications},
}
</script>
<template>

  <router-view></router-view>
  <notifications/>

</template>


<script setup>
import {onMounted} from "vue";
import {connectWebSocket, subscribeToChats} from "@/webSocketJS/webSocketConnection.js";

onMounted(() => {
  connectWebSocket();
  subscribeToChats();
})

</script>


<style scoped>
@font-face {
  font-family: "Zpix"; /* 自定义字体名称 */
  src: url("/fonts/zpix.ttf") format("truetype"); /* 根据实际路径调整 */
  font-weight: normal;
  font-style: normal;
}

header {
  line-height: 1.5;
}

@media (min-width: 1024px) {
  header {
    display: flex;
    place-items: center;
    padding-right: calc(var(--section-gap) / 2);
  }

  header .wrapper {
    display: flex;
    place-items: flex-start;
    flex-wrap: wrap;
  }
}


</style>